import React from 'react'
import { Breadcrumb } from 'antd'
import type { BreadcrumbProps } from 'antd'
import { HomeOutlined } from '@ant-design/icons'
import { Link } from '@tanstack/react-router'

export interface BreadcrumbNavProps {
  items: BreadcrumbProps['items']
}

const BreadcrumbNav: React.FC<BreadcrumbNavProps> = ({ items }) => {
  return (
    <Breadcrumb 
      items={items} 
      style={{ margin: '16px 0' }} 
    />
  )
}

export default BreadcrumbNav